<template>
  <div class="bookList">
    <top-nav    :Bookes="getBooks"/>
    <book-list  :books="book" :Bookes="getBooks"/>
  </div>
</template>
<script>
import topNav from "./topNav.vue";
import bookList from "./bookItem.vue";
export default {
  data() {
    return {
        book:[],
    };
  },
  components: {
    "top-nav": topNav,
    "book-list": bookList,
  },
  computed:{
      getBooks(){
        return this.Bookes;
      }
  },
  props:['Bookes']
};
</script>